<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
  .test{
    background-color: #e5e5e5;
    width: 800px;
  }
  .test1{
    width: 200px;
    /*height: 100%;*/
    background-color: #45CAFF;
  }
  .test3{
    width: 100px;
    /*height: 300px;*/
    background-color: #e93b3d;
  }
.test4{
  width: 50px;
  height: 300px;
  background-color: #999999;
}
  .test5{
    width: 50px;
    height: 400px;
    background-color: #F23030;
  }
</style>
<body>
  <div class="test">
     <div class="test1">
       <div class="test3">
          <div class="test4"></div>
       </div>
     </div>
     <div class="test5"></div>
  </div>
</body>
</html>
